<%@page import="java.net.URLDecoder"%>
<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!--引入标签库 -->
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人中心</title>
    <link rel="shortcut icon" href="images/logo.png">
    <script src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="css/basic1.css" type="text/css">
    <link rel="stylesheet" href="css/cs.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/npm.js"></script>
    <script src="js/updateInfo.js"></script>
</head>

<body>

<header>
    <div class="container">
        <div id="logo"><img src="images/logo.png"></div>
        <nav>
            <ul class="searchul">
                <c:choose>
				    <c:when test="${volunteer.getVuname() ne null}">
				       <li><a href="login.jsp">${volunteer.getVuname()}</a></li>
				    </c:when>
				    <c:when test="${elder.getVuname() ne null}">
				       <li><a href="login.jsp">${elder.getVuname()}</a></li>
				    </c:when>
				    <c:otherwise>
				        <li><a href="login.jsp">登录</a></li>
				    </c:otherwise>
				</c:choose>
                <li><a href="register.jsp">注册</a></li>
            </ul>


            <ul class="navul">
                <li><a href="index.jsp"><span>首页</span></a></li>
                <li><a href="health.jsp"><span id="current">健康管家</span></a></li>
                <li><a href="heart.jsp"><span>心语阁</span></a></li>
                <li><a href="show.jsp"><span>真善美小屋</span></a></li>
                <li class="navli"><a href=""><span>个人中心</span></a></li>
            </ul>
        </nav>
    </div>
</header>
<div id="content">
    <div class="container clear-fix">
        <div class="left-col">
            <div class="complete-info clear-fix">
                <div id="text" style="width: 40%">
                    <h2>完善个人信息</h2>
                    <h3>${volunteer.getVuname()} 你好</h3>
                    <p>完善个人信息是<br>获得关注的第一步<br>也是良好信用的保障</p>
                </div>
                <div id="form">
                    <form  class="form-signin" onsubmit="return update_info()">
                        <input type="text" id="name" class="form-control" placeholder="真实姓名${volunteer.getVname() }" autofocus style="width: 85%">
                        <input type="tel" id="phone" class="form-control" placeholder="电话号码${volunteer.getVphone() }" autofocus style="width: 85%">
                        <input type="text" id="special" class="form-control" placeholder="兴趣爱好${volunteer.getVspecial() }" autofocus style="width: 85%">
                        <input type="date" id="date" class="form-control" placeholder="服务日期${volunteer.getVdate() }" autofocus style="width: 85%">
                        <input type="datetime" id="time1" style="width: 40%" class="btn btn-default dropdown-toggle" placeholder="开始服务时间${volunteer.getVtimeStart()}" autofocus >
                        <input type="datetime" id="time2" style="width: 40%" class="btn btn-default dropdown-toggle" placeholder="结束服务时间${volunteer.getVtimeEnd()}" autofocus>
                        <p></p>
                        <button class="btn btn-sm btn-success" type="submit">提交</button>
                    </form>
                </div>
            </div>
            <div class="weeklyrank">
                <h2>本周排名</h2>
                <div class="rankItem">
                    <img>
                    <h2>No.1</h2>
                    <p>目前积分数：本周得分：用户评价：</p>
                </div>
                <div class="rankItem">
                    <img>
                    <h2>No.2</h2>
                    <p>目前积分数：本周得分：用户评价：</p>
                </div>
                <div class="rankItem">
                    <img>
                    <h2>No.3</h2>
                    <p>目前积分数：本周得分：用户评价：</p>
                </div>
            </div>
        </div>
        <div class="right-col">
            <div id="info">
                <img>
                <table>
                    <tr>
                        <td><h2>${volunteer.getVuname() }</h2></td>
                    </tr>
                    <tr>
                        <td>性别：${volunteer.getVsex()}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>服务种类：${volunteer.getVtype() }</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>所在地：${volunteer.getVaddress()}</td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div id="points-info">
                <h2>积分信息:${volunteer.getVscore()}</h2>
                <p>暂无历史信息</p>
            </div>

        </div>
    </div>


    <footer>
        <div class="container">
            <ul id="links">
                <li><a href="">中国青年志愿者网</a></li>
                <li><a href="">中国青年志愿者协会</a></li>
                <li><a href="">中国志愿服务联合会</a></li>
                <li><a href="">志愿北京</a></li>
                <li><a href="">腾讯公益</a></li>
                <li><a href="">搜狐公益</a></li>
                <li><a href="">网易公益</a></li>
            </ul>
            <br>
            <p>Copyright &copy;“幸福巢”社会互助养老公益网</p>
            <div id="contact">
                <h3>联系我们</h3>
                <p>游女士：Tel：18216018060 邮箱：1007420955@qq.com <br> 曾女士：Tel:15570904369 邮箱:594185294@qq.com <br>地址:湖南省衡阳市蒸湘区常胜西路28号南华大学护理学院
                </p>
            </div>
        </div>
    </footer>
</div>
</body>
</html>